<template>
  <div
    class="forgetPwd"
    :style="{height: pageHeight+'px'}"
  >
    <forgetHead :title="titleHead" />
    <div class="forgetPwdMain">
      <div class="container">
        <router-view></router-view>
      </div>
    </div>
  </div>
</template>

<script>
    import forgetHead from '../common/forgetHead.vue'
    export default {
        name: "forgetPwd",
        data() {
            return {
                titleHead: '账号安全中心',
                pageHeight: '',
                applicationList: [
                    { name: '找回账号', icon: 'el-icon-tickets', bgColor: '#4b97ff', url: '/forget/account'},
                    { name: '找回密码', icon: 'el-icon-document-checked', bgColor: '#0ccfcf', url: '/forget/password'},
                ],
            }
        },
        components: {
            forgetHead,
        },
        created() {
            this.getPageHeight();
        },
        methods: {
            // 获取页面高度
            getPageHeight() {
                this.pageHeight = document.documentElement.clientHeight;  // 页面高度
            },
            jumpUrl(router) {
                this.$router.push(router)
            }
        }
    }
</script>

<style scoped lang="scss">
  @import '../../../styles/common.scss';
  .forgetPwd{
    background-color: #f2f2f2;
    .forgetPwdMain{
      margin-top: 20px;
      .container{
        background-color: #fff;
        border-radius: 10px;
      }
    }
  }
</style>